@import "src/common/styles/base";

.user-info-page {
  min-height: 100vh;
  background: #fafafa;
  .list-wrapper {
    margin-bottom: 20px;
    padding: 0 50px;
    background: #fff;
    .item {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #f2f2f2;
      height: 87px;
      &.header {
        height: 132px;
      }
      .label {
        font-size: 30px;
        font-weight: 600;
        color: rgba(51, 51, 51, 1);
        line-height: 42px;
      }

      .value {
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: flex-end;
        text {
          margin-right: 35px;
          font-size: 28px;
          font-weight: 400;
          color: rgba(51, 51, 51, 1);
          line-height: 40px;
        }
        image {
          width: 88px;
          height: 88px;
          display: block;
          border-radius: 50%;
        }
      }
      .arrow {
        width: 13px;
        height: 24px;
        display: block;
      }
      &:last-child {
        border-bottom: none;
      }
    }
  }
}
